<!DOCTYPE html>
<html lang="en">
<head>
  	<title>Home</title>
  	<meta charset="utf-8">
	<meta name = "format-detection" content = "telephone=no" />
    <meta name="description" content="Your description">
    <meta name="keywords" content="Your keywords">
    <meta name="author" content="Your name">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">    
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/camera-slider.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/superfish.css">
    <script src="js/jquery.js"></script>
    <script src="js/superfish.js"></script>
    <script src="js/jquery.hoverIntent.minified.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/jquery.equalheights.js"></script>
    <script src="js/camera.js"></script>
    <!--[if (gt IE 9)|!(IE)]><!-->
     <script type="text/javascript" src="js/jquery.mobile.customized.min.js"></script>
     <!--<![endif]-->
    <script src="js/jquery.mobilemenu.js"></script>
    <script src="js/jquery.ui.totop.js"></script>
    <script src="js/sForm.js"></script>
    <script src="js/script.js"></script>
    <script>
		jQuery
		$(window).load(function(){
			jQuery('#camera').camera({
				pagination			: true,	
				navigation			: false,
				transPeriod			: 2000,	
				fx					: 'simpleFade',	
				time: 7000
			});
		});
		jQuery(function(){
			$().UItoTop({ easingType: 'easeOutQuart' });
		});
	</script>
<!--[if lt IE 8]>
   <div style=' clear: both; text-align:center; position: relative;'>
     <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
       <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
    </a>
  </div>
<![endif]-->
<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
	<link rel="stylesheet" href="css/ie.css"> 
<![endif]-->
</head>
<body>
<!--==============================header=================================-->
    <header>
    	<div class="container_12">
        	<article class="grid_12">
            <div class="inner-block">
            <h1><a class="logo" href="index.html">logo</a></h1>
            <nav>
                <ul class="sf-menu responsive-menu">
                    <li class="sub-menu current"><a href="index.html">About</a>
                    	<ul>
                            <li><a href="#">staff</a></li>
                            <li><a href="#">history</a></li>
                            <li class="last4 sub-menu"><a href="#">news</a>
                            	<ul>
                                    <li><a href="#">fresh</a></li>
                                    <li class="last4"><a href="#">archive</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><a href="index-1.html">Projects</a></li>
                    <li class="sub-menu"><a href="index.html">Projects</a>
                    	<ul>
                            <li><a href="#">staff</a></li>
                            <li><a href="#">history</a></li>
                            <li class="last4 sub-menu"><a href="#">news</a>
                            	<ul>
                                    <li><a href="#">fresh</a></li>
                                    <li class="last4"><a href="#">archive</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><a href="index-3.html">Links</a></li>
                    <li><a href="index-4.html">Contacts</a></li>
                </ul>
            </nav>
            <div class="clear"></div>
            </div>            
            </article>
            <div class="clear"></div>
        </div>
        <div class="head-line"></div>
    </header>
    
	<!--==============================content================================-->
    <div class="bg1">
    <div class="bg">
    <section id="content">    	
            <div class="container_12">
                <div class="wrapper p6">
                    <article class="grid_12">
                    	<div class="inner-block">
                        	<div class="camera_wrap camera_azure_skin" id="camera">        
                                <div data-src="images/slide-1.jpg">                
                                </div>
                                <div data-src="images/slide-2.jpg">                
                                </div>
                                <div data-src="images/slide-3.jpg">                
                                </div> 
                                <div data-src="images/slide-4.jpg">                
                                </div>
                                <div data-src="images/slide-5.jpg">                
                                </div>           
                              </div>
                        </div>
                    </article>
                </div>
                <div class="wrapper">
                	<article class="grid_12">
                        	<div class="bot1">
                            	<article class="grid_4 alpha">
                                	<div class="inner-block">
                                    	<div class="page1-box1 p7">
                                           <div class="inner1"></div>
                                            <div class="extra-wrap">
                                                <a class="link1" href="#">Pro Services</a>
                                                <span class="text1">Vasacer atunteger rutrum kertyua.</span>
                                            </div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                </article>
                                <article class="grid_4">
                                	<div class="inner-block">
                                    	<div class="page1-box1">
                                           <div class="inner1"></div>
                                            <div class="extra-wrap">
                                                <a class="link1" href="#">Design Tips</a>
                                                <span class="text1">Atunteger rutrum kertyua uytsadase</span>
                                            </div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                </article>
                                <article class="grid_4 omega p8">
                                	<div class="inner-block">
                                    	<div class="page1-box1">
                                           <div class="inner1"></div>
                                            <div class="extra-wrap">
                                                <a class="link1" href="#">Modeling</a>
                                                <span class="text1">Miaystas unteger rutrum kertyuaes</span>
                                            </div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                </article>
                                <div class="clear"></div>
                            </div>
                    </article>
                </div>
                	<article class="grid_12">
                    	<div class="inner-block">
                        	<div class="page1-box2"><span>latest projects</span></div>
                        </div>
                    </article>
                <div class="clear"></div>
                <article class="grid_3">
                	<div class="inner-block">
                    	<div class="page1-box3 maxheight">
                        	<figure class="page1-img1"><img src="images/page1-img1.jpg" alt=""></figure>
                            <div class="inner2">
                            	<a class="link2" href="#">MIUAS KIUASYA</a>
                                <span class="text3">Bertarsa atunteger rutrum losai <br />vertyua hatsfasera.</span>
                            </div>
                        </div>
                    </div>
                </article>                
                <article class="grid_3">
                	<div class="inner-block">
                    	<div class="page1-box3 maxheight">
                        	<figure class="page1-img1"><img src="images/page1-img2.jpg" alt=""></figure>
                            <div class="inner2">
                            	<a class="link2" href="#">Ferytasa Lastra</a>
                                <span class="text3">Ctunteger rutrum losaibytrsa as<br />kertyua iaygsasa.</span>
                            </div>
                        </div>
                    </div>
                </article>
                <article class="grid_3">
                	<div class="inner-block">
                    	<div class="page1-box3 maxheight">
                        	<figure class="page1-img1"><img src="images/page1-img3.jpg" alt=""></figure>
                            <div class="inner2">
                            	<a class="link2" href="#">Doloere Mias</a>
                                <span class="text3">Vunteger rutrum sertarsa ame<br />byatsua iayg salerta.</span>
                            </div>
                        </div>
                    </div>
                </article>
                <article class="grid_3">
                	<div class="inner-block">
                    	<div class="page1-box3 maxheight">
                        	<figure class="page1-img1"><img src="images/page1-img4.jpg" alt=""></figure>
                            <div class="inner2">
                            	<a class="link2" href="#">Geyarsas bausyt</a>
                                <span class="text3">Sertarsa atunteger rutru debais<br />olaksj tyufeas niuas.</span>
                            </div>
                        </div>
                    </div>
                </article>
                <div class="clear"></div>
                <article class="grid_3 maxheight2">
                	<div class="inner-block">
                    <h3 class="p9">WELCOME</h3>
                    <span class="text4">Lasetaty naten artesas
kersvaserat leaser niasese
baertystya sarters.</span>
<span class="text2">Moleacene anrit meases deyuas </span>
<p class="p10">Cum socis natoqu eagnis dimte dulm
uese feugiata lesuada kerleceas strices 
phaledaty fenanec sit aser erment. 
Ut ts dolor dapegete lement velursusen 
eleifneanctor wisi et urna aseserta. </p>
<a class="button1" href="#">learn more</a>
</div>
                </article>
                <article class="grid_3 prefix_1 maxheight2 border1">
                	<div class="inner-block">
                    <h3 class="p9">our experience</h3>
                    	<figure class="page1-img2"><img src="images/page1-img5.jpg" alt=""></figure>
                        <span class="text4 p11">artesas Lasetaty naten 
leaser niasesek ersvaserat 
sarters asrtystya .</span>
                    </div>
                </article>
                <article class="grid_4 prefix_1 maxheight2 border1">
                	<div class="inner-block">
                    	<h3 class="p9">Green Building</h3>
                        <div class="thumb">
                        <div class="page1-box4">
                        	<div class="inner3">a.</div>
                            <div class="extra-wrap p13">
                            	<a class="link3" href="#">Utets dolor dentu </a>
                                <p class="p10 p12">Soera wisi et urna.  Aliquam eratoltpas<br />saceratunteger rutrum kertyua.</p>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="page1-box4">
                        	<div class="inner3">b.</div>
                            <div class="extra-wrap p13">
                            	<a class="link3" href="#">vel kaystra eleifneanc</a>
                                <p class="p10 p12">Soera wisi et urna.  Aliquam erat voltpati<br />saceraturpis. Integer rutrum.</p>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="page1-box4">
                        	<div class="inner3">c.</div>
                            <div class="extra-wrap p13 last3">
                            	<a class="link3" href="#">moiase vasrteas laser</a>
                                <p class="p10 p12">Soera wisi et urna.  Aliquam erat kertas<br />eger rutrum kertyua.</p>
                            </div>
                            <div class="clear"></div>
                        </div>
                        </div>
                    </div>
                </article>
                <div class="clear"></div>
                <article class="grid_12"><div class="border-bot p15"></div></article>
                <div class="clear"></div>
                	<article class="grid_4">
                    	<div class="inner-block">
                        	<ul class="list1 p23">
                                <li><a href="#">Design+Build</a></li>
                                <li><a href="#">Logistics: Procurement Services</a></li>
                                <li><a href="#">Medical Planning and Procurement</a></li>
                            </ul>
                        </div>
                    </article>
                    <article class="grid_4">
                    	<div class="inner-block">
                        	<ul class="list1 p23">
                                <li><a href="#">Research &amp; Development</a></li>
                                <li><a href="#">Building Information Modeling (BIM)</a></li>
                                <li><a href="#">Facilities Management Solutions</a></li>
                            </ul>
                        </div>
                    </article>
                    <article class="grid_4">
                    	<div class="inner-block">
                        	<h6 class="p23">newsletter sign up</h6>
                            <form id="news-form" method="get">
                                <div class="success">Your subscribe request has been sent!</div>
                                <label class="email">
                                    <input type="email" onfocus="if(this.value =='enter your e-mail') this.value=''" onblur="if(this.value=='') this.value='enter your e-mail'" value="enter your e-mail" name="name">
                                    <span class="error">*This is not a valid email address.</span>
                                </label>
                                <a data-type="submit"></a>
                            </form>
                        </div>
                    </article>
            </div>            
    </section>
    
	<!--==============================footer=================================-->
    <footer>
        <div class="container_12">
        	<article class="grid_12"><div class="border-bot"></div></article>
            <div class="clear"></div>
            <article class="grid_12">
            	<figure class="foot-logo"><img src="images/foot-logo.png" alt=""></figure>
                <div class="foot-page1">
                	arcon &copy; 2013 &nbsp;  | &nbsp; <a href="index-5.html">Privacy policy</a>
                    <div class="clear"></div>
                     <ul class="soc-links">
                        <li><a class="soc-link1" href="#"></a></li>
                        <li><a class="soc-link2" href="#"></a></li>
                        <li><a class="soc-link3" href="#"></a></li>
                        <li><a class="soc-link4" href="#"></a></li>
                    </ul>
                    <div class="clear"></div>
                    <!-- {%FOOTER_LINK} -->
                </div>
                <div class="clear"></div>
            </article>
            <div class="clear"></div>        
        </div>
    </footer>
    </div>
    </div>
</body>
</html>